<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
         <link href="<%=request.getContextPath()%>/css/jquery.alerts.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery/jquery.alerts.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        
        <title>JSP Page</title>

        <script type="text/javascript">
            

            function closePopup()  
            {  
                document.getElementById("divSignin").style.display="none";      
                objDiv = document.getElementById("divg");  
                objDiv.style.display = "none";   
                return false;  
            }  
            function showPopup(elementoTabla)  
            {  
                
                var rows = elementoTabla.tBodies[0].rows.length;
                if(rows == 0){
//                    alert('No hay registros disponibles');
                    jAlert('No hay registros disponibles', 'Sistema de Gesti\u00F3n de Vacaciones');
                    return false;
                }

                if (check('tblBandejaAprobacion')<1){
//                    alert('Debe seleccionar un registro');
                    jAlert('Debe seleccionar un registro', 'Sistema de Gesti\u00F3n de Vacaciones');
                    return false;
                }

                if (check('tblBandejaAprobacion')>1){
//                    alert('Solo se permite aprobar una solicitud, a la vez');
                    jAlert('Solo se permite aprobar una solicitud, a la vez', 'Sistema de Gesti\u00F3n de Vacaciones');
                    return false;
                }


                try  
                {    
                    document.getElementById("divSignin").style.display="block";      
                    objDiv = document.getElementById("divg");  
                    objDiv.style.display = "block";
//                    objDiv.style.width = document.body.scrollWidth;  
//                    objDiv.style.height= document.body.scrollHeight;   
                }  
                catch(e)  
                {  
//                    alert(e); 
                    jAlert(e, 'Sistema de Gesti\u00F3n de Vacaciones');
                }  
                //        return false;
                return true;
            
    
            }
            function fnSetDivSigninLeft(oElement)  
            {  
                var DivWidth = parseInt(document.getElementById(oElement).offsetWidth,10)  
                var DivHeight = parseInt(document.getElementById(oElement).offsetHeight,10)  
                document.getElementById(oElement).style.left = (document.body.offsetWidth / 2) - (DivWidth / 2);  
                document.getElementById(oElement).style.top = (document.body.offsetHeight / 2) -  ( DivHeight / 2);  
       
                return false;       
            }  

        </script>

    </head>




    <body>
<!--        <div>-->
        <div id="divg" class="ModalBackground graydiv" style="width: 100%; height: 100%;">  
        </div>  
        <div id="divSignin" style="display: none; z-index: 100002; position: absolute;   ">  
             <div style="height:250px;width:400px;background-color:White;border:solid 1px lightyellow; margin-top: 120px; margin-left: 400px;">  
                <br>
                <br>
                <html:form action="/solicitud.do">
                    <input type="hidden" name="metodo" value="rechazarSolicitud" />
                    <input type="hidden" id="aprobador" class="selectSmall" value="<c:out value="${aprobador}"/>">


                    <div align="center">
                        <label class="label" style="text-align: left"> Indicar motivo de rechazo de solicitud : </label><br><br>
                        <textarea  id="txtMotivoSolicitud" name="txtMotivoSolicitud"  cols="40" rows="8"></textarea><br><br>
                        
                        <input  type="button" name="btnRechazar" value="Agregar motivo" onclick="rechazarSolicitud($('#tblBandejaAprobacion').get(0),true)" />
                        <input type="button" name="btnCancelar" value="Saltar este paso" onclick="rechazarSolicitud($('#tblBandejaAprobacion').get(0),false)"/>
                        <input type="button" name="btnCerrar" value="Cerrar" onclick="closePopup()"/>                        
                    </div>

                </html:form>

            </div>  

        </div>  
        <input type="hidden" id="usuarioAprobador" class="selectSmall" value="<c:out value="${session_usuario.idPuesto}"/>">
        <input type="hidden" id="usuarioCreador" class="selectSmall" value="<c:out value="${session_usuario.idUsuario}"/>">
        <table cellspacing="0" cellpadding="0"  border="0" class="tableToolBar" width="100%">
            <tr bgcolor="#D6E3F2">

                <td align="left" height="1px">
                    <%--
                    <input type="button" name="btnAprobar" value="Aprobar" class="btn" onclick="aprobarSolicitud($('#tblBandejaAprobacion').get(0));" style="background-image:url(<%=request.getContextPath()%>/images/iconos/aprobar.png)"/>
                    <input type="button" name="btnRechazar" value="Rechazar" class="btn" onclick="showPopup($('#tblBandejaAprobacion').get(0));" style="background-image:url(<%=request.getContextPath()%>/images/iconos/revertir.png)"/>
                    <input type="button" name="btnRefrescar" value="Refrescar" class="btn" onclick="buscarSolicitudesAprobadas('./solicitud.do','refresh')" style="background-image:url(<%=request.getContextPath()%>/images/iconos/refresh.png)"/>
                    --%>
                    <button class="btn" type="button" id="btnAprobar" name="btnAprobar" onclick="aprobarSolicitud($('#tblBandejaAprobacion').get(0));"><img src="<%=request.getContextPath()%>/images/iconos/aprobar.png" alt="" height="15px"/>&nbsp;Aprobar</button>
                    <button class="btn" type="button" id="btnRechazar" name="btnRechazar" style="width: 85px;" onclick="showPopup($('#tblBandejaAprobacion').get(0));"><img src="<%=request.getContextPath()%>/images/iconos/revertir.png" alt="" height="15px"/>&nbsp;Rechazar</button>
                    <button class="btn" type="button" id="btnRefrescar" name="btnRefrescar" style="width: 85px;" onclick="buscarSolicitudesAprobadas('./solicitud.do','refresh')"><img src="<%=request.getContextPath()%>/images/iconos/refresh.png" alt="" height="15px"/>&nbsp;Refrescar</button>
                </td>
            </tr>
        </table>
        <table id="tblBandejaAprobacion" cellpadding="1" cellspacing="1" border="0" class="tblProceso" width="100%">
            <thead>
                <tr>
                    <th style="background: #1F497D ; color: #ffffff ">Seleccionar</th>
                    <th style="display:none;" ></th>
                    <th style="display:none;" ></th>
                    <th style="background: #1F497D ; color: #ffffff ">Nombre</th>
                    <th style="background: #1F497D ; color: #ffffff ">Puesto</th>
                    <th style="background: #1F497D ; color: #ffffff ">Fecha inicio</th>
                    <th style="background: #1F497D ; color: #ffffff ">Fecha fin</th>
                    <th style="background: #1F497D ; color: #ffffff ">Días hábiles</th>
                </tr>

            </thead>
            <tbody align="center">
                <c:if test="${!empty lstSolicitudesAprobadas}">

                    <c:forEach items="${lstSolicitudesAprobadas}" var="jbean" varStatus="status">
                        <tr>
                            <td><input type="checkbox" name="selectSolicitud" onclick="singleSelectAprobaciones(this)"/></td>
                            <td style="display:none"><c:out value="${jbean.idSolicitud}" /></td>
                            <td style="display:none;"><c:out value="${jbean.idUsuarioSolicitante}" /></td>
                            <td align="center"><c:out value="${jbean.usuario.nombreUsuario} ${jbean.usuario.apellidoUsuario}"/></td>
                            <td align="center"><c:out value="${jbean.usuario.puestoUsuario}" /></td>
                            <td align="center"><c:out value="${jbean.fechaInicioTexto}" /></td>
                            <td align="center"><c:out value="${jbean.fechaFinTexto}" /></td>
                            <td align="center"><c:out value="${jbean.diasHabiles}" /></td>
                        </tr>
                    </c:forEach>
                </c:if>

                <c:if test="${empty lstSolicitudesAprobadas}">
                    <tr>
                        <td colspan=10 class="label">No tiene solicitudes pendientes</td>
                    </tr>
                </c:if>


            </tbody>



        </table>

<!--</div>-->
    </body>



</html>